<div class="padding">
    <div class="toolbar f14 mt25 clearfix">
        <div class="toolbar-tab fl">
            <div material-ul active-li="pictures"></div>
        </div>
    </div>
    <div class="msg-list">
        <div class="table-cell msg-left">
            <div class="left-inner">
                <div class="head-row btn-reset clearfix">
                    <div class="group-info">
                        <span>{{pictures.groups[pictures.currGroupIndex].name}}</span>
                        <a href="javascript:;" class="rename-group" ng-show="!!pictures.groups[pictures.currGroupIndex].id" followmenu="" ng-model="pictures.renameGroupObj">重命名</a>
                        <a href="javascript:;" class="del-group" ng-show="!!pictures.groups[pictures.currGroupIndex].id" followmenu="" ng-model="pictures.deleteGroupObj">删除分组</a>
                    </div>
                    <div class="upload-wrap" style="position: relative;">
                        <div class="tips">大小: 不超过2M,    格式: bmp, png, jpeg, jpg, gif</div>
                        <a href="javascript:;" class="btn-add" style="position: relative; ">上传</a>
                        <input type="file" class="uploadFile r0"/>
                        <div class="process"></div>
                        <div class="moxie-shim moxie-shim-html5" style="position: absolute; top: 0px; left: 331px; width: 106px;
                                    height: 34px; overflow: hidden; z-index: 0;">
                            <input type="file" nv-file-select uploader="pictures.getUpload(pictures.groups.length > 0 ? pictures.groups[pictures.currGroupIndex].id : '')" style="font-size: 999px; opacity: 0; position: absolute; top: 0px; left: 0px;cursor: pointer;
                                        width: 100%; height: 100%;">
                        </div>
                    </div>
                </div>
                <div class="group-content" style="display:none" ng-if="pictures.pictureList.length == 0">
                    <div class="group-inner clearfix"><div class="m-empty">该分组暂时没有图片素材</div></div>
                </div>
                <div class="group img_pick" ng-if="pictures.pictureList.length > 0" style="overflow: auto;">
                    <ul class="group">
                        <li class="img_item" ng-repeat="picture in pictures.pictureList">
                            <div class="img_item_bd">
                                <img class="pic wxmImg Zoomin" ng-src="{{picture.img_url}}">
				                            <span class="check_content">
                                                <label class="frm_checkbox_label">
                                                    <span class="lbl_content">{{picture.name}}</span>
                                                </label>
                                            </span>
                            </div>
                            <div class="msg_card_ft">
                                <ul class="grid_line msg_card_opr_list">
                                    <li class="grid_item size1of3 msg_card_opr_item">
                                        <a href="javascript:;" followmenu="{{$index}}" ng-model="pictures.editPictureObj">
                                            <span class="msg_card_opr_item_inner">
                                                <i class="icon18_common edit_gray">编辑</i>
                                            </span>
                                            <span class="vm_box"></span>
                                        </a>
                                    </li>
                                    <li class="grid_item size1of3 msg_card_opr_item">
                                        <a href="javascript:;" followmenu="{{$index}}" ng-model="pictures.movePictureObj">
                                            <span class="msg_card_opr_item_inner">
                                                <i class="icon18_common move_gray">移动分组</i>
                                            </span>
                                            <span class="vm_box"></span>
                                        </a>
                                    </li>
                                    <li class="grid_item size1of3 no_extra msg_card_opr_item">
                                        <a href="javascript:;" followmenu="{{picture.id}}" ng-model="pictures.deletePictureObj">
                                            <span class="msg_card_opr_item_inner">
                                                <i class="icon18_common del_gray" >删除</i>
                                            </span>
                                            <span class="vm_box"></span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                    </ul>
                </div>

            </div>
            <div pagination ng-model="pictures.pagination"></div>
        </div>
        <div class="table-cell msg-right">
            <div class="right-inner">
                <ul id="group_list">
                    <li ng-class="{'on':$index===pictures.currGroupIndex}" ng-repeat="group in pictures.groups" ng-click="pictures.changeGroup($index)">{{group.name}}<span class="gray">({{group.total}})</span></li>
                </ul>
                <a href="javascript:;" class="add-group" followmenu="" ng-model="pictures.newGroupObj">
                    <span class="m-icon add"></span><span>新建分组</span>
                </a>

            </div>
        </div>
    </div>

</div>